<template>
  <div class="personalCenter-container">
    <el-tabs v-model="activeName" tab-position="left" @tab-click="handleClick">
      <el-tab-pane label="个人简介" name="info"><info></info></el-tab-pane>
      <el-tab-pane label="基本设置" name="basic">基本设置</el-tab-pane>
      <el-tab-pane label="安全设置" name="safe">安全设置</el-tab-pane>
      <el-tab-pane label="账户绑定" name="bind">账户绑定</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import info from './components/info'
  export default {
    name: 'PersonalCenter',
    components: { info },
    data() {
      return {
        activeName: 'info',
      }
    },
    created() {},
    updated() {
      // console.log(this.$route)
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event)
      },
    },
  }
</script>
